<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>

	
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
	



<h:form id="frmEdit" prependId="false">

<p:growl id="growl" showDetail="true" /> 

	<div style="float: left">
	<p:commandButton value="N U E V O" id="btn_nuevo" actionListener="#{Periodos.nuevo}" update="grid, growl"/>
	</div>
	<div style="float: left">
	<p:commandButton value="G U A R D A R" id="btn_guardar" actionListener="#{Periodos.guardar}" update="grid, growl"/>
	</div>
	<div>
	<p:commandButton value="B O R R A R" id="btn_borrar" actionListener="#{Periodos.borrar}" update="grid, growl"/>
	</div>
	<div><hr/></div>
	
	  <p:dataTable id="grid" var="item" value="#{Periodos.lista_itemes}" paginator="true" rows="10"  	   
	   nextPageLinkLabel="Siguiente" selectionMode="single" 
	   selection="#{Periodos.item}" >
	     	     
	   <p:column width="100" filterBy="#{item.id}"  sortBy="#{item.id}">  
	       <f:facet name="header"> <h:outputText value="PERIODO" />  </f:facet>  
	       <h:inputText value="#{item.id}" required="true" />

	   </p:column>             
	   <p:column width="100" filterBy="#{item.descripcion}" sortBy="#{item.descripcion}">  
	       <f:facet name="header"> <h:outputText value="DESCRIPCIÓN" /> </f:facet>  
	       <h:inputText value="#{item.descripcion}" />  
	   </p:column>  
	   <p:column width="100" filterBy="#{item.fecha1}" sortBy="#{item.fecha1}">  
	       <f:facet name="header"> <h:outputText value="DESDE" /> </f:facet>  
	       <p:calendar value="#{item.fecha1}" pattern="dd/MM/yyyy" />  
	   </p:column>  
	   <p:column width="100" filterBy="#{item.fecha2}" sortBy="#{item.fecha2}">  
	       <f:facet name="header"> <h:outputText value="HASTA" /> </f:facet>  
	       <p:calendar value="#{item.fecha2}" pattern="dd/MM/yyyy"/>
	   </p:column>  

	   	   <p:column style="width:180px">
	   	   <h:selectBooleanCheckbox value="#{item.activo}"  onselect="activalo();" >
                 <f:setPropertyActionListener value="#{item}" target="#{Periodos.item}" />  	   	   
	   	   </h:selectBooleanCheckbox>  

			  <h:commandButton image="static/imagenes/#{item.activo}.png" value="#{item.activo}.jpg" action="#{Periodos.activar}"  >  
	                 <f:setPropertyActionListener value="#{item}" target="#{Periodos.item}" />  
	          </h:commandButton>   
	          
       </p:column> 
	 </p:dataTable>

	<p:remoteCommand action="#{Periodos.activar}" name="activalo" update="grid" />  
	

</h:form>

</f:view>
</body>
</html>